<template>
  <div>
      <el-container>
          <!--顶部-->
          <el-header>
              <head-1></head-1>
              <!--<div  class="header" >
                  <el-row>
                      <el-col span=5 >
                          <el-page-header @back="goBack" content="主页面" style="color:white">
                            </el-page-header>
                      </el-col>
                      <el-col span=2 offset=6>
                          <span>天天健康</span>
                      </el-col>
                  </el-row>
                  
              </div>-->
          </el-header>
          <el-container>
                <!--侧边栏-->
            <el-aside   width="200px"  style="background-color: white;height:470px">
                <el-menu :default-openeds="['1']" router :default-active="this.$route.path">
                    <el-submenu index="1">
                        <template slot="title"><i class="el-icon-menu"></i>
                            <span style="font-size:18px">健康评估</span>
                        </template>
                        <el-menu-item-group>
                            <el-menu-item  index="/riskAssessment">
                                <el-image style="width: 20px; height: 20px" :src="require('../../img/littleIcon/assess.png')"></el-image>
                                风险评估
                            </el-menu-item>
                            <el-menu-item index="/constitutionIdentification" >
                                <el-image style="width: 20px; height: 20px" :src="require('../../img/littleIcon/people.png')"></el-image>
                                中医体质难辨
                            </el-menu-item>
                            <el-menu-item index="/psychologicalQuestion">
                                <el-image style="width: 20px; height: 20px" :src="require('../../img/littleIcon/ask.png')"></el-image>
                                心理问卷评估
                            </el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                </el-menu>
                
            </el-aside>
            <!--主要区域容器-->
            <el-main>
                <router-view></router-view>
                <!--<div>sa</div>-->
            </el-main>
          </el-container>
          
      </el-container>
  </div>
</template>

<script>
import Head1 from '../../components/home/Head1.vue';

export default {
    data() {
        return {
            
        }
    },
    methods:{
        goBack(){
            this.$router.push("/");
        }

    },
    components:{
        Head1
    }
}
</script>

<style scoped>
    .header span{
        height: 40px;
    }
    .header{
        background-color: black;
        font-size: 25px;
        color: white;
        margin-top: 3px;
    }
    .header .el-page-header__content {
        color: white;
        line-height: 30px;
    }
    .header .el-page-header__left{
        line-height: 30px;

    }
   
</style>